body{
    background-color: #f4f4f4;
}
.head{
    height: 70px;
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
    box-shadow: 0px 2px 2px #E7E7E7;
    background-color: #fff;
}
.Editionheart{
    display: block;
    width: 1188px;
    margin: 0 auto;
}
.head .Editionheart .img-box{
    width: 75px;
    height: 50px;
    margin-top: 10px;
}
.head .Editionheart .img-box img{
    width: 100%;
    height: 100%;
}
.head .Editionheart .divdian{
    width: 40px;
    height: 70px;
    position: relative;
}
.head .Editionheart .divdian div{
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #5a5a5a;
    position: absolute;
    top: 30px;
    left: 17.5px;
}
.head .Editionheart .Navigation{
    width: 90px;
    height: 70px;
    line-height: 65px;
    font-size: 16px;
    color: #5a5a5a;
}
.head .Editionheart .searchbar{
    width: 420px;
    height: 70px;
    line-height: 65px;
    color: #5a5a5a;
}
.head .Editionheart .searchbar input{
    width: 345px;
    height: 40px;
    font-size: 14px;
    padding-left: 10px;
    margin-top: 14px;
    border-radius: 4px;
    font-size: 14px;
    background-color: #ececec;
    color: #5a5a5a;
}
.head .Editionheart .reward{
    padding: 0 5px;
    height: 70px;
    line-height: 70px;
}
.head .Editionheart .reward div{
    padding: 0 3px;
    font-size: 14px;
    color: #5a5a5a;
    float: left;
}
.head .Editionheart .username{
    font-family: "微软雅黑";
    padding-left: 50px;
    padding-right: 20px;
    height: 70px;
    line-height: 70px;
    font-size: 14px;
    color: #5a5a5a;
    position: relative;
}
.head .Editionheart .username div{
    width: 10px;
    height: 14px;
    border: 8px solid #fff;
    border-top: 13px solid #fff;
    border-top-color: orange;
    position: absolute;
    top: 29px;
    right: 0;
}
.home{padding-top:198px;}
.title{ /*标题*/
    display: block;
    margin-top: 40px;
    width: 100%;
    /* height: 40px; */
}
.title .Editionheart div{
    width: 30px;
    height: 30px;
    margin-top: 5px;
    line-height: 30px;
}
.title .Editionheart div img{
    width: 100%;
    height: 100%;
}
.title .Editionheart h4{
    font-size: 16px;
    line-height: 40px;
    color: #5a5a5a;
}
.Editionheart-box{
    width: 1188px;
    margin: 0 auto 182px;
}
.Editionheart-box .Exchange{
    width: 900px;
    position:relative;
    margin-top: -45px;
}
.Editionheart-box .Exchange ul{
    width: 100%;
    height: 100%;
    /* border-top: 1px solid #e2e2e2; */
    /* border-left: 1px solid #e2e2e2; */
    /* border-bottom: 1px solid #e2e2e2; */
    background-color: #fff;
    /* height: 361px; */
    overflow: hidden;
    display: inline-block;
}
.Editionheart-box .Exchange ul li{
    height: 120px;
    position: relative;
    overflow: hidden;
}
.Editionheart-box .Exchange ul .filter{
    height: 57px;
    width: 900px;
    border-bottom: 1px solid #f2f2f2;
}
.Editionheart-box .Exchange ul .filter .filter-fl{
    width: 83px;
    height: 57px;
    line-height: 57px;
    font-size: 14px;
    color: #333;
    font-weight: 700;
    text-align: center;
}
.mt20{
    margin-top: 20px;
}
.Editionheart-box .Exchange ul li .Currencyicons-box{
    width: 224.75px;
    height: 120px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    background-color: #fff;
    padding: 10px;
    cursor: pointer;
}
.Editionheart-box .Exchange ul li .Currencyicons-box .Currencyicons{
    display: inline-flex;
    align-items: center;
    width: 68px;
    height: 66px;
    position: relative;
}
.Editionheart-box .Exchange ul li .Currencyicons-box .Currencyicons img{
    /* width: 77px;
    height: 77px;
    position: absolute;
    top: -3px;
    left: 6px;
    text-align: center; */
    width: 54px;
    height: 50px;
    position: absolute;
    top: 11px;
    left: 16px;
    text-align: center;
}
.Editionheart-box .Exchange ul li .Currencyicons-box .icons-box{
    width: 106px;
    height: 68px;
}
.Editionheart-box .Exchange ul li .Currencyicons-box .icons{
    float: left;
    width: 98px;
    height: 69px;
    line-height: 76px;
    color: #5a5a5a;
    overflow: hidden;
    /* font-size: 15px; */
    /* font-weight: 600; */
}
.Editionheart-box .Exchange ul li .Currencyicons-box .icons .icons-xbo{
    height: 20px;
    line-height: 20px;
    /* white-space: nowrap; */
    /* overflow: hidden; */
    font-size: 12px;
    margin-top: 5px;
    word-break:normal; 
}
.Editionheart-box .Exchange ul li .Currencyicons-box .icons-box .Multiple{
    float: left;
    margin-top: 6px;
    width: 106px;
    height: 25px;
    background-color: #fff;
}
.Editionheart-box .Exchange ul li .Currencyicons-box .icons-box .Multiple div{
    display: inline-block;
    width: 35px;
    height: 26px;
}
.Multiple{
    margin-top: 6px;
    width: 114px;
    height: 25px;
    background-color: #fff;
}
.Multiple div{
    display: inline-block;
    width: 35px;
    height: 26px;
}
.Editionheart-box .Exchange ul li .Currencyicons-box .Introduce{
    width: 88px;
    text-align: center;
    font-size: 16px; 
    font-weight: 600;
    line-height: 36px;
}
.Editionheart-box .Exchange ul li .enter-box{
    width: 225px;
    height: 120px;
    border-right: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
    background-color: #fff;
    padding: 10px;
    cursor: pointer;
    background: linear-gradient(rgb(130,180,47), rgb(23,110,39));
    position: absolute;
    top: 0;
    left: 0;
    transform:translateY(100%);
    transition:all 0.3s linear;
}
.Editionheart-box .Exchange ul li:hover li{
    width: 318px;
}
.Editionheart-box .Exchange ul li:hover .enter-box{
    transform:translateX(0px);
}
.Editionheart-box .Exchange ul li .enter-box .enter{
    width: 127px;
    height: 100%;
}
.Editionheart-box .Exchange ul li .enter-box .enter div{
    width: 144px;
    height: 30px;
    line-height: 30px;
}
.Editionheart-box .Exchange ul li .enter-box .enter .Multiple{
    float: left;
    margin-top: 6px;
    width: 120px;
    height: 25px;
}
.Editionheart-box .Exchange ul li .enter-box .enter .Multiple div{
    display: inline-block;
    float: left;
    /* align-items: center; */
    width: 40px;
    height: 26px;
    z-index: 99999;
}
.Editionheart-box .Exchange ul li .enter-box .enter div img{
    width: 30px;
    height: 30px;
    float: left;
    margin-top: 6px;
    margin-left: 6px;
}
.Editionheart-box .Exchange ul li .enter-box .enter div div{
    width: 80px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    float: left;
    margin-top: 6px;
}
.Editionheart-box .Exchange ul li .enter-box .enter button{
    width: 110px;
    height: 30px;
    background-color: #fff;
    border-radius: 20px;
    font-size: 14px;
    color: #000;
    margin-top: 26px;
    margin-left: 6px;
    cursor: pointer;
}
.Editionheart-box .Exchange ul li .enter-box .enter button:hover{
    background-color: #BDD597;
    color: #000;
}
.Editionheart-box .Exchange ul li .enter-box .enter button a{
    display: inline-block;
    width: 99px;
    height: 30px;
    line-height: 30px;
    border-radius: 20px;
}
.Editionheart-box .Exchange ul li .enter-box .QRcode-box{
    width: 77px;
    height: 100%;
    text-align: center;
}
.Editionheart-box .Exchange ul li .enter-box .QRcode-box .APPxis{
    color: #fff;
    font-size: 14px;
    margin-bottom: 3px;
}
.Editionheart-box .Exchange ul li .enter-box .QRcode-box .QRcode{
    width: 76px;
    height: 80px;
}
.Editionheart-box .Exchange ul li .enter-box .QRcode-box .QRcode img{
    width: 100%;
    width: 100%;
}
/******zx******/
/* .home .advisory .advisory-f .advisory-fbottom ul li .img-box{
    
} */
.Editionheart-box .advisory-f{
    width: 266px;
    height:466;
    overflow: hidden;
    position: fixed;
    border-left: 3px solid #EAEAEA;
}
.Editionheart-box .advisory-f .advisory-ftop{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 20px;
    font-size: 20px;
    font-weight: 600;
    /* margin-bottom: 25px; */
    /* background-color: #fff; */
    /* border-bottom: 1px solid #d9d9d9; */
}
.Editionheart-box .advisory-f .advisory-fbottom{
    display: inline-flex;
    width: 100%;
    /* height: 446px; */
}
.Editionheart-box .advisory-f .advisory-fbottom ul{
    width: 300px;
    /* height: 446px; */
    overflow: hidden;

}
.Editionheart-box .advisory-f .advisory-fbottom ul li{
    display: inline-flex;
    width: 100%;
    height: 44.6px;
    line-height: 42px;
    /* background-color: #fff; */
    padding-left: 20px;
    cursor: pointer;
}
.activee {
    color: #8EC052;
    margin-left: -20px;
    padding-left: 20px;
    border-left: 3px solid #8EC052;
}
.activee:before {
    content: '';
    display: block;
    width: 3px;
    height: 15px;
    background: #0291d6;
    position: absolute;
    left: 0;
    margin-left: -5px;
    z-index: 99999999999999999;
}
.Editionheart-box .advisory-f .advisory-fbottom ul li div{
    width: 25px;
    height: 24px;
    line-height: 25px;
    margin: 10px 20px;
    text-align: center;
    font-size: 14px;
    color: #767676;
    background-color: #e5e5e5;
}
.Editionheart-box .advisory-f .advisory-fbottom ul li div img{
    width: 25px;
    height: 24px;
}
.Editionheart-box .advisory-f .advisory-fbottom ul li p{
    width: 155px;
    height: 42px;
    color: #000;
    background-color: #fff;
}
.Editionheart-box .advisory-f .advisory-fbottom .controlbutton{
    width: 50px;
    height: 100%;
}
.Editionheart-box .advisory-f .advisory-fbottom .controlbutton ul{
    width: 50px;
    height: 100%;
}
.Editionheart-box .advisory-f .advisory-fbottom .controlbutton ul li{
    width: 50px;
    height: 44.6px;
    line-height: 42px;
    padding: 0 10px;
}
.Editionheart-box .advisory-l{
    width: 900px;
    /* background-color: #fff; */
}
.Editionheart-box .advisory-l ul{
    width: 100%;
    /* height: 362px; */
    border-bottom: 1px solid #f2f2f2;
}
.Editionheart-box .advisory-l ul .li-div{
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 700;
    background-color: #fff;
    /* border-bottom: 1px solid #d9d9d9; */
    /* display: inline-flex; */
    cursor: pointer;
    color: #333;
}
.Editionheart-box .advisory-l ul .li-div .Promoteusers{
    color: #333;
    font-size: 14px;
    cursor: pointer;
}
.Editionheart-box .advisory-l ul .li-div .active{
    color: #8EC052;
}
.Editionheart-box .advisory-l ul .li-div .More{
    float: right;
    width: 63px;
    cursor: pointer;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-left: 692px;
    font-size: 14px;
    background-color: #fff;
    color: #c3c3c3;
    /* border-bottom: 1px solid #d9d9d9; */
}
.Editionheart-box .advisory-l ul .li-div .More2{
    float: right;
    width: 63px;
    cursor: pointer;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin-left: 751px;
    font-size: 14px;
    background-color: #fff;
    color: #c3c3c3;
    /* border-bottom: 1px solid #d9d9d9; */
}
.Editionheart-box .advisory-l ul li{
    width: 25%;
    height: 80px;
    border-top: 0.5px solid #f2f2f2;
    border-right: 1px solid #f2f2f2;
    /* border-bottom: 1px solid #e2e2e2; */
    background-color: #fff;
    float: left;
    cursor: pointer;
    transition: all .2s linear;
    position: relative;
    overflow: hidden;
}
.Editionheart-box .advisory-l ul li a{
    display: inline-flex;
    width: 100%;
    height: 100%;
}
.Editionheart-box .advisory-l ul li:hover {
    /* transform: translate3d(0,-2px,0);
    box-shadow: 1px 1px 50px 5px rgba(0,0,0,0.2); */
    /* transition: top 0.36s ease, background-color 0.6s ease, box-shadow 0.6s ease; */
    background-color: #fff;
    box-shadow: 0px 10px 20px rgba(17, 17, 58, 0.4);
    z-index: 10;
    top: -2px;
    transform: scale(1.05);
    /* transform: scale(1.04); */
}
.Editionheart-box .advisory-l ul li:hover a .Addto{
    transform: translate3d(0,0px,0);
}
.Editionheart-box .advisory-l ul li a .Addto{
    width: 22px;
    height: 22px;
    background-color: #fff;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 4px;
    color: #8EC052;
    font-size: 24px;
    transform: translate3d(0,-37px,0);
}
.Editionheart-box .advisory-l ul li a .li-l{
    height: 44px;
    width: 44px;
    margin-top: 26px;
    margin-left: 8px;
    text-align: center;
}
.Editionheart-box .advisory-l ul li a .li-l img{
    height: 27px;
    width: 27px;
    border-radius: 50%;
}
.Editionheart-box .advisory-l ul li a .li-r{
    height: 100%;
    width: 183px;
}
.Editionheart-box .advisory-l ul li a .li-r h3{
    height: 40px;
    line-height: 58px;
    width: 170px;
}
.Editionheart-box .advisory-l ul li a .li-r p{
    height: 40px;
    line-height: 26px;
    width: 166px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    color: #909090;
}
.Editionheart-box .advisory-l .advisory-lmao{
    background-color: #fff;
    /* height: 282px; */
}
/* .Editionheart-box .advisory-l .advisory-lmao li{
    border-bottom: 0.1px solid #f2f2f2;
} */
/*前36大币价左右切换*/
.swiperbox .swiper-container {
    width: 100%;
    height: 100%;
}
.swiperbox{
    margin-top:20px;
    height:86px;
    position:relative;
}
.swiperbox .coinslide{
    width:99px;
    height:86px;
    /* background-color:#2a2b30; */
    /* background:linear-gradient(to bottom,#77b031,#aedc64); */
    background: linear-gradient(to bottom,#5dce9a,#2eb184);
}
.swiperbox .coinslide:not(:first-child){
    border-left:1px solid rgba(0, 0, 0, 0.1);
}
.coinslideitem{
    width:100%;
    height:100%;
    /* padding:12px 12px 0px 12px; */
}
.coinslideitem .cointype{
    height:24px;
    padding: 0 12px;
    margin-top: 6px;
    margin-bottom:6px;
    display:flex;
    align-items:center;
}
.coinslideitem .coinicon{width:24px;height:24px;margin-right:8px;}
.coinslideitem .coin{
    font-size: 16px;
    font-weight: 700;
    color:#fff;
}
.coinquotation{
    margin-left: 14px;
    width: 70px;
    height: 18px;
    text-align:center;
    line-height:13px;
    background-color:#c21b2c;
    color:#fff;
    font-size:8px;
    border-radius:3px;
}
.coinprice span{color:#fff;padding-right:3px;font-size:8px;}
.coinprice{color:#fff;margin-bottom:3px;font-size:8px;text-align: center;}
.coinquotation.isrise{
    border: 1px solid #b0b0b0;
    padding: 2px 2px;
    background-color:#58a500;
}
.swiperbox .leftbtn,.swiperbox .rightbtn{
    position: absolute;
    top:50%;
    transform:translateY(-50%);
}
.swiperbox .leftbtn i,.swiperbox .rightbtn i{color:#CBCBCB;font-size:22px;cursor:pointer;}
.swiperbox .leftbtn i:hover,.swiperbox .rightbtn i:hover{
    color: #2fb184;
}
.swiperbox .leftbtn{left:-21px;}
.swiperbox .rightbtn{right:-21px;}
/*前36大币价左右切换结束*/
/*切换到自选*/
.Exchangeabs{
    position:absolute;
    top:0px;
    right:-41px;
    width:41px;
    height:121px;
    padding:12px 14px 0px 14px;
    border-top:1px solid #e2e2e2;
    border-right:1px solid #e2e2e2;
    border-bottom:1px solid #e2e2e2;
    display:flex;
    flex-direction:column;
    align-items:center;
    cursor:pointer;
    margin-top: 45px;
}
.Exchangeabs i{font-size:14px;color:#8b8b8b;margin-bottom:10px;}
.Exchangeabstit{
    font-size:11px;
    color:#848484;
    line-height:13px;
}
.exchangesmallbox{
    width:100%;
    border-right:1px solid #e5e5e5;
    border-top:1px solid #e5e5e5;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    position:relative;
    background-color:#fff;
    margin-top: 45px;
}
.exchangesmallbox:after,.exchangesmallbox::after{
    content: "";
    position: absolute;
    bottom:0px;
    left:0px;
    width:100%;
    height:1px;
    background-color:#e5e5e5;
}
.exchange-smlist{
    display:flex;
    justify-content:center;
    align-items:center;
    width:12.5%;
    height:121px;
    background-color:#fff;
    position:relative;
    border-bottom:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    transform:all 0.2s linear;
}
.tianjia{
    font-size:40px;
    color:#a3a3a3;
    cursor: pointer;
}
.exchange-smlink{text-align:center;}
.exchange-smlink img{width:42px;margin-bottom:12px;}
.exchange-smlink span{
    font-size:12px;
    font-weight:700;
}
.exchange-smlist.none{width:0px;}
.deleteexchange{
    position: absolute;
    top:0px;
    right:0px;
    width:26px;
    height:26px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#e8e6e7;
    visibility:hidden;
}
.deleteexchange i{font-size:15px;cursor:pointer;color:#7a7879;}
.exchange-smlist:not(.tianjiadef):hover{
    box-shadow:3px 4px 5px rgba(17, 17, 58, 0.4);
    z-index:20;
}
.exchange-smlist:not(.tianjiadef):hover .deleteexchange{visibility:visible;}
/*切换到自选结束*/
/*修改交易所开始*/
.Exchange .ul-box {
    width: 100%;
    height: 100%;
    background-color: #fff;
    /* height: 361px; */
    overflow: hidden;
    display: inline-block;
}
.Exchange .ul-box .libox{
    display: inline-flex;
    width: 100%;
    height: 43px;
    line-height: 43px;
    padding-left: 15px;
    font-size: 14px;
    color: #8EC052;
    cursor: pointer;
    background: rgba(223,237,255,.3);
}
.Exchange .ul-box .libox div:first-child {
    width: 100px;
    height: 43px;
    line-height: 43px;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}
.Exchange .ul-box .libox div:nth-child(2) {
    width: 413px;
    height: 43px;
    line-height: 43px;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}
.Exchange .ul-box .libox div:nth-child(3) {
    width: 124px;
    height: 43px;
    line-height: 43px;
    color: #333;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}
.Exchange .ul-box .libox span{
    float: right;
    width: 225px;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    height: 100%;
}
.Exchange .ul-box .li-box{
    display: inline-flex;
    width: 100%;
    /* height: 45px; */
    height: 63px;
    position: relative;
    border-top: 1px solid #f2f2f2;
}
.Exchange .ul-box .li-box:hover{
    /* background-color: #fff; */
    background: rgba(223,237,255,.3);
    /* box-shadow: 0px 10px 30px rgba(17, 17, 58, 0.1); */
    /* z-index: 10; */
    /* top: -2px; */
}
.Exchange .ul-box .li-box:hover div a{
    color: #1890ff;
}
.Exchange .ul-box .li-box .first-box{
    width: 51px;
}
.Exchange .ul-box .li-box .first-box img{
    width: 16px;
    height: 16px;
    margin-top: 21px;
    margin-left: 17px;
}
.Exchange .ul-box .li-box div{
    width: 80px;
    /* height: 45px; */
    line-height: 57px;
    font-size: 14px;
    /* font-weight: 550; */
    margin-left: 1px;
    /* text-align: center; */
}
.Exchange .ul-box .li-box div a{
    font-size: 14px;
    font-weight: 700;
}
.Exchange .ul-box .li-box .img-box{
    width: 45px;
    height: 57px;
    line-height: 57px;
    margin-left: -1px;
}
.Exchange .ul-box .li-box .img-boxx{
    width: 45px;
    height: 57px;
    line-height: 57px;
    margin-right: 20px;
}
.Exchange .ul-box .li-box .img-boxx img{
    width: 96%;
    margin-top: 21px;
}
.Exchange .ul-box .li-box .img-box img{
    width: 30px;
    height: 30px;
    margin-top: 14px;
}
.Exchange .ul-box .li-box .currency{
    width: 293px;
    height: 57px;
    line-height: 57px;
    margin-left: 41px;
}
.Exchange .ul-box .li-box .currency div{
    display: inline-flex;
    width: 38px;
    /* height: 20px; */
    line-height: 20px;
    color: #333;
    margin-left: 8px;
    font-size: 14px;
    padding: 0 5px;
}
.Exchange .ul-box .li-box .currency div:first-child{
    /* background-color: #8300b2; */
}
.Exchange .ul-box .li-box .currency div:nth-child(2){
    /* background-color: #1c96d9; */
}
.Exchange .ul-box .li-box .currency div:last-child{
    /* background-color: #00ab23; */
}
.Exchange .ul-box .li-box .dropdown{
    width: 38px;
    float: right;
    height: 57px;
    line-height: 57px;
    position: absolute;
    top: 0;
    right: 0;
}
.Exchange .ul-box .li-box .country{
    color: #333;
    font-size: 14px;
    font-weight: 540;
}
.Exchange .ul-box .li-box .dropdown img{
    width: 13px;
    height: 8px;
    margin-top: 17px;
    cursor: pointer;
}
.Exchange .ul-box .Details{
    display: inline-flex;
    width: 100%;
    height: 140px;
    background-color: #d5efe6;
}
.Exchange .ul-box .Details .Details-fl{
    width: 85%;
}
.Exchange .ul-box .Details .Details-fl .bottom{
    width: 134px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    font-weight: 550;
    color: #204823;
    margin-top: 17px;
    margin-left: 36px;
    background:linear-gradient(to bottom,#a8da81,#66f867);
}
.Exchange .ul-box .Details .Details-fl .Introduce{
    /* height: 65px;
    margin-top: 10px;
    margin-left: 36px;
    color: #617870;
    font-size: 14px; */
    margin-top: 18px;
    line-height: 27px;
    margin-left: 36px;
    color: #617870;
    font-size: 16px;
}
.Exchange .ul-box .Details .Details-fr{
    width: 15%;
}
.Exchange .ul-box .Details .Details-fr .image{
    width: 82px;
    height: 82px;
    margin: 0 auto;
    margin-top: 18px;
}
.Exchange .ul-box .Details .Details-fr .image img{
    width: 100%;
    height: 100%;
}
.Exchange .ul-box .Details .Details-fr .prompt{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
/*修改交易所结束*/
.li-div .More1{
    float: right;
    width: 63px;
    cursor: pointer;
    text-align: center;
    height: 40px;
    line-height: 40px;
    /* margin-left: 765px; */
    font-size: 14px;
    background-color: #fff;
    color: #c3c3c3;
}
.disp0{
    display: none;
}
.disp1{
    display: none;
}
.disp2{
    display: none;
}
.disp3{
    display: none;
}
.disp4{
    display: none;
}
.disp5{
    display: none;
}
.disp6{
    display: none;
}
.disp7{
    display: none;
}
.disp8{
    display: none;
}
.disp9{
    display: none;
}
.navigation-box{
    position: fixed;
    z-index: 3;
    left: 50%;
    bottom: 205px;
    margin-left: 604px;
    display: block;
    margin-bottom: -150px;
}
.navigation-box div{
    margin: 0;
    padding: 0;
    display: block;
}
.navigation-box div a{
    text-decoration: none;
    outline: 0;
    display: block;
    margin-bottom: 4px;
    border: 1px solid #dee3eb;
    width: 86px;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #666;
    cursor: pointer;
    background: #fff;
    text-align: center;
}
.navigation-box div .activve{
    color: #8EC052;
}
.navigation-box div a:hover{
    color: #8EC052;
}
.navigation-box div .totop {
    background-color: #c3c3c3;
    display: none;
}
.totop img{
    width: 100%;
    height: 100%;
}
.SwitchingDown-box{
    /* width: 117px; */
    height: 40px;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    top: 48px;
    right: 10px;
    z-index: 66;
    user-select: none;
    border: 0.5px solid #dbdbdb;
    border-radius: 4px;
    background: #f6f6f6;
}
.Down1{
    height: 40px;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
    z-index: 66;
    user-select: none;
    border: 0.5px solid #dbdbdb;
    border-radius: 4px;
    background: #f6f6f6;
    position: relative;
    top: 48px;
    right: 134px;
    position: relative;
    z-index: -10;
}
.Down2{
    height: 40px;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    display: inline-block;
    cursor: pointer;
    z-index: 66;
    user-select: none;
    border: 0.5px solid #dbdbdb;
    border-radius: 4px;
    background: #f6f6f6;
    position: relative;
    cursor: pointer;
    top: 48px; 
    right: -111px;
    position: relative;
    z-index: -10;
}
.Down2 .SwitchingDown .hideul{
    position: absolute;
    top: 100%;
    min-width: 96px;
    margin-top: 2px;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-radius: 3px;
    z-index: 1;
    height:106px;
    user-select: none;
}
.Down2 .SwitchingDown .hideul div{
    height: 100%;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}
.Down2 .SwitchingDown .hideul div li{
    background: #fff;
    display: inline-flex;
    min-width: 133px;
    height: 35px;
    line-height: 35px;
    padding-left: 26px;
    color: #8e8e8e;
    border-bottom: 1px solid rgba(0,0,0,.15);
    cursor: pointer;
}
.Down2 .SwitchingDown .hideul div li:hover{
    background: rgba(223,237,255,.3)!important;
}
/***/
.Editionheart-box .Exchange .ul-box .detailed_btn{
    border-top: 1px solid #f2f2f2;
    height: 45px;
    line-height: 45px;
    width: 900px;
}
.SwitchingDown-box:hover{
    background: rgba(223,237,255,.3);
}
.SwitchingDown-box .SwitchingDown{
    display: inline-block;
    position: relative;
}
.Down2 .SwitchingDown div,
.SwitchingDown-box .SwitchingDown div{
    height: 40px;
    line-height: 40px;
    /* width: 115px; */
    padding: 0 20px;
    text-align: center;
    color: #666;
}
.Down2 .SwitchingDown div span,
.SwitchingDown-box .SwitchingDown div span{
    margin-left: 6px;
    color: #8e8e8e;
}
.Down2:hover .SwitchingDown div span,
.SwitchingDown-box:hover .SwitchingDown div span{
    color: #000;
}
.Down2 .SwitchingDown div a,
.SwitchingDown-box .SwitchingDown div a{
    background: #e6e7eb;
    color: #333;
    border-radius: 4px;
    padding: 13px 20px;
    display: inline-block;
    line-height: 1;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.caaret{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    margin-left: 8px;
}
.SwitchingDown-box .SwitchingDown .hideul{
    position: absolute;
    top: 100%;
    min-width: 115px;
    margin-top: 2px;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-radius: 3px;
    z-index: 1;
    height: 71px;
    user-select: none;
}
.SwitchingDown-box .SwitchingDown .hideul div{
    height: 100%;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
}
.SwitchingDown-box .SwitchingDown .hideul div li{
    background: #fff;
    display: inline-flex;
    min-width: 133px;
    height: 35px;
    line-height: 35px;
    padding-left: 26px;
    color: #8e8e8e;
    border-bottom: 1px solid rgba(0,0,0,.15);
    cursor: pointer;
}
.SwitchingDown-box .SwitchingDown .hideul div li:hover{
    background: rgba(223,237,255,.3)!important;
}
/***/
.Editionheart-box .Exchange .ul-box .detailed_btn{
    border-top: 1px solid #f2f2f2;
    height: 45px;
    line-height: 45px;
    width: 900px;
}
.Editionheart-box .Exchange .ul-box .detailed_btn .pagination{
    float: right;
    display: flex;
    align-items: center;
    height: 45px;
    line-height: 45px;
    width: 166px;
    margin: 0 auto;
}
.Editionheart-box .Exchange .ul-box .detailed_btn .pagination li{
    margin-right: -1px;
    text-align: center;
    cursor: pointer;
    color: #000;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #a1a1a1;
    font-size: 14px;
    border: 0.5px solid #dbdbdb;
}
.Editionheart-box .Exchange .ul-box .detailed_btn .pagination li.current{
    width:19px;
    background-color: #CF1132;
    border-radius: 50%;
    color:#fff;
}
.Editionheart-box .Exchange .ul-box .detailed_btn .pagination .variable{
    width: 30px;
    height: 30px;
    font-size: 18px;
    position: relative;
}
.Editionheart-box .Exchange .ul-box .detailed_btn .pagination .variablee{
    width: 30px;
    height: 30px;;
    font-size: 18px;
    position: relative;
}
.variablee span{
    position: absolute;
    top: 11px;
    left: 4px;
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-transition: .15s;
    transition: .15s;
    border-right: 1px solid #a1a1a1;
    border-bottom: 1px solid #a1a1a1;
    -webkit-transform: rotate(-45deg) translate(2px,2px);
    transform: rotate(-45deg) translate(2px,2px);
}
.variable span{
    position: absolute;
    top: 11px;
    left: 8px;
    display: inline-block;
    width: 10px;
    height: 10px;
    -webkit-transition: .15s;
    transition: .15s;
    border-left: 1px solid #a1a1a1;
    border-top: 1px solid #a1a1a1;
    -webkit-transform: rotate(-45deg) translate(2px,2px);
    transform: rotate(-45deg) translate(2px,2px);
}
.Editionheart-box .Exchange .ul-box .detailed_btn .pagination li:hover{
    background-color: #eee;
}
.Editionheart-box .Exchange .ul-box .detailed_btn .pagination .Apname{
    color: #000;
    background-color: #d5efe6;
}
/* 热门访问-start */

.Editionheart-box .hotvisit {
    width: 270px;
    background-color: #fff;
}

.Editionheart-box .hotvisit .hotvisit-tit {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    line-height: 45px;
    padding-left: 15px;
    /* background-color: rgba(233, 237, 255, 0.3); */
    border-bottom: 1px solid #f2f2f2;
}

.Editionheart-box .hotvisit ul li:hover {
    background-color: rgba(233, 237, 255, 0.3);
}

.Editionheart-box .hotvisit ul li a {
    height: 45px;
    padding: 0 5px 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f2f2f2;
}

.Editionheart-box .hotvisit ul li a .htbox {
    display: flex;
    height: 100%;
    align-items: center;
}

.Editionheart-box .hotvisit ul li span {
    margin-right: 6px;
}

.Editionheart-box .hotvisit ul li .ht-sort {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #efefef;
    border-radius: 2px;
    line-height: 20px;
    text-align: center;
    color: #b2b2b2;
}

.Editionheart-box .hotvisit ul li .ht-logo {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.Editionheart-box .hotvisit ul li .ht-state {
    display: inline-block;
}

.Editionheart-box .hotvisit ul li .ht-logo img {
    width: 17px;
}

.Editionheart-box .hotvisit ul li .ht-intro {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
}

/* 热门访问-end */

